<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统</title>
		<!-- rel属性：文件类型 stylesheet指css文件
		 href属性：链接-->
		<link rel="stylesheet" href="css/bootstrap.min.css"/>
		
	</head>
	<body>
		<!-- 习惯把body里的所有内容放在一个div中，方便整体修饰 -->
		<div class="container">
			<!-- 表单组件,action属性：提交的链接地址，method属性：get/post -->
			<form method="get">
				<h3>学生信息管理系统</h1>
				<div class="form-group">
					<label for="name">姓名：</label>
					<input class="form-control" autocomplete="off" placeholder="请输入姓名" type="text" name="name" id="name"/>
				</div>
				<div class="form-group">
					<label for="age">年龄：</label>
					<input class="form-control" autocomplete="off" placeholder="请输入年龄" type="number" name="age" id="age"/>
				</div>
				<div class="form-group">
					<label for="sex">性别：</label>
					<label class="radio-inline">
						<input type="radio" name="sex" id="sex" value="男"/>男
					</label>
					<label class="radio-inline">
						<input type="radio" name="sex" id="sex" value="女"/>女
					</label>
				</div>
				<div class="form-group">
					<!-- 多选框，数组形式传给后台 -->
					<label for="hobby">爱好：</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="hobby" id="hobby" value="乒乓球" />乒乓球
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="hobby" id="hobby" value="爬山"/>爬山
					</label>
					<label class="checkbox-inline">
						<input type="checkbox" name="hobby" id="hobby" value="唱歌"/>唱歌
					</label>
				</div>
				<div class="form-group">
					<label for="edu">学历：</label>
					<select class="form-control" name="edu" id="edu">
						<option value="1">小学</option>
						<option value="2">初中</option>
						<option value="3">高中</option>
						<option value="4">大专</option>
						<option value="5">本科</option>
					</select>
				</div>
				<div>
					<button class="btn-success" type="submit" name="btnSave" id="btnSave">保存</button>
					<button class="btn-danger" name="btnClear" id="btnClear">取消</button>
				</div>
			</form>
		</div>
	</body>
</html>
